@import "../../base/fn";
.save_money{
    padding-bottom: 7rem;
    background: #eee;
    .image{   
        position: relative;            
        img{
            display: block;
        }        
        .share1{
            position: absolute;
            top: 27%;
            left: 10%;
            width: 5rem;
            height: 1.2rem;            
        }
        .share2{
            position: absolute;
            top: 27%;
            left: 40%;
            width: 5rem;
            height: 1.2rem;            
        }
        .share3{
            position: absolute;
            top: 27%;
            right: 9%;
            width: 5rem;
            height: 1.2rem;            
        }
    }
    .image2{
        margin-bottom: 2rem;
        position: relative;
        .onlines{
            position: absolute;
            top: 10rem;
            right: 1rem;
            width: 5rem;
            height: 1.3rem;            
        }
        .underlines{
            position: absolute;
            bottom: 1.2rem;
            right: 1rem;
            width: 5rem;
            height: 1.3rem;            
        }
    }
    >h5{
        font-size: 1.16rem;
        color: #000;
        font-weight: 700;
        text-align: center;
        margin: 1.16rem 0 1.04rem 0;
    }
    .member_price{        
        .classify{
            white-space: nowrap;
            overflow-x: auto;
            display: flex;
            align-items: center;
            height: 3rem;
            background: #fff;
            padding: 0 1.33rem; 
            -webkit-overflow-scrolling: touch;                     
            &::-webkit-scrollbar{
                width: 100px;
                height: 1px;
            }
            &::-webkit-scrollbar-thumb{
                background: #808080;
            }
            p{                
                font-size: .85rem;           
                padding: .2rem .8rem;                                 
                border-radius: 20px;
            }
            .sel{
                color: #fff;
                background: #80a4de;
            }
        }
        .class2{
            white-space: nowrap;
            overflow-x: auto;
            display: flex;
            align-items: center;
            width: 100%;                        
            height: 3rem;
            background: #fff;
            padding-left: 1.33rem; 
            -webkit-overflow-scrolling: touch; 
            position: fixed;
            top: 0;
            left: 0;                    
            &::-webkit-scrollbar{
                width: 100px;
                height: 2px;
            }
            &::-webkit-scrollbar-thumb{
                background: #808080;
            }
            p{           
                font-size: .85rem;                           
                padding: .2rem .8rem;                                
                border-radius: 20px;
            }
            .sel{
                color: #fff;
                background: #80a4de;
            }
        }
        .goods_lists{            
            margin: 0 auto;
            padding-bottom: .8rem;
            background: #fff;        
            display: flex;
            flex-wrap: wrap;                               
            .goods_list{
                width: 48%;
                display: flex;
                flex-direction: column;                        
                margin: 8px 0 0 2%;                  
                h5{
                    font-size: .7rem;
                    color: #373737;
                    padding: 0 .35rem;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
                .member{
                    font-size: 1rem;
                    color: #000;
                    display: flex;
                    align-items: center;
                    margin: .76rem 0 .29rem 0;                      
                    p{
                        width: 3.8rem;
                        height: 1.2rem;
                        line-height: 1.2rem;
                        background: #2e3e57;
                        font-size: .8rem;                   
                        color: #fff;      
                        text-align: center;              
                    }              
                }
                .non_member{
                    font-size: 1rem;
                    color: #fa0000;
                    span{
                        font-size: .64rem;
                        color: #939393;
                    }
                }
            }                            
        }
        .show_more{
            margin: 0 auto;        
            height: 2.73rem;
            background: #fff;
            border-radius: 0 0 10px 10px;
            line-height: 2.73rem;
            font-size: .81rem;
            color: #9b9b9b;
            text-align: center;
            position: relative;
            &:after{
                content: '';
                width: 100%;
                height: 1px;
                background: #cbcbcb;
                position: absolute;
                top: 0;
                left: 0;
                transform-origin: 0 0;
                transform: scaleY(.5);
            }
        }
    }
        
}